<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>相城人才网</title>
    <meta name="description" content="">
	<meta name="keywords" content="">
	<style type="text/css">
	html{
		height: 100%;
	}
	body{
		height: 100%;
		/* background-color: #239EE8; */
	}
	#cont{
		width:100%;
		height:100%;
		max-width:100%;
		max-height:100%;
		min-width:1200px;
		min-height:700px;
		margin:0 auto;
		zoom:1;
		background: url(images/background1.png) no-repeat;
		background-size:100% 100%; 
		position: relative;
	}
	
	#leftDiv{
		width: 492px;
		position: absolute;
		top: 120px;
		left: 5%;
		height: 489px;
	}
	
	#leftDiv #title{
		font-size:20px;
		color: #FFFFFF;
		font-weight: bold;
		margin:6px 0;
	}
	#leftDiv #content{
		margin:6px 0;
		width: 492px;
		height: 458px;
		background-color: #FFFFFF;
		border: 4px solid #81C7F2;
		border-radius:10px;
	}
	#content p{
		font-size: 16px;
		color: #017CD9;
		padding: 28px 28px 0 28px;
		font-weight: bold;
	}
	#rightDiv{
		width: 600px;
		position: absolute;
		top: 120px;
		left: 50%;
		height: 489px;
	}
	#rightDiv .head{
		background-color: #A0D652;
		width: 600px;
		height: 50px;
		margin-top: 40px;
		border: 2px solid #FFFFFF;
		border-radius:50px;
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
	}
	#rightDiv .head .td_logo{
		width: 16%;
		border-right: 2px solid #FFFFFF;
		float: left;
		height: 100%;
	}
	#rightDiv .head .td_date{
		width: 33%;
		border-right: 2px solid #FFFFFF;
		float: left;
		height: 100%;
	}
	#rightDiv .head .td_theme{
		width: 50%;
		float: left;
		height: 100%;
	}
	.td_logo_text{
		padding-top: 12.5px;
	}
	.td_date_text{
		padding-top: 12.5px;
	}
	.td_theme_text{
		padding-top: 12.5px;
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
		text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
	}
	
	#rightDiv .cont{
		background-color:  #239EE8;
		width: 600px;
		height: 50px;
		margin: 12px 0;
		border: 2px solid #FFFFFF;
		border-radius:50px;
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
		cursor:pointer;
	}
	
	#rightDiv .cont .td_logo{
		width: 16%;
		border-right: 2px solid #FFFFFF;
		float: left;
		height: 100%;
		position:relative;
	}
	#rightDiv .cont .td_date{
		width: 33%;
		border-right: 2px solid #FFFFFF;
		float: left;
		height: 100%;
	}
	#rightDiv .cont .td_theme{
		width: 50%;
		float: left;
		height: 100%;
	}
	.td_logo_div{
		width: 36px;
		height: 36px;
		margin:6px auto;
		border-radius:50%;
		border: 1px solid #FFFFFF;
	}
	
	#td_logo_div1{
		background:url(images/school_suzhou.jpg) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div2{
		background:url(images/school_suzhoukeji.jpg) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div3{
		background:url(images/school_suzhouzhiye.png) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div4{
		background:url(images/school_yuanquzhiye.jpg) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div5{
		background:url(images/school_xianjiaotong.jpg) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div6{
		background:url(images/school_wuhan.jpg) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div7{
		background:url(images/school_huananligong.jpg) no-repeat;
		background-size:100% 100%; 
	}
	#td_logo_div8{
		background:url(images/school_shangcai.jpg) no-repeat;
		background-size:100% 100%; 
	}
	
	/*css主要部分的样式*/
	/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
	
	#rightDiv ::-webkit-scrollbar {
	width: 10px; /*对垂直流动条有效*/
	height: 10px; /*对水平流动条有效*/
	}
	
	/*定义滚动条的轨道颜色、内阴影及圆角*/
	#rightDiv ::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #017CD9;
	border-radius: 3px;
	}
	
	
	/*定义滑块颜色、内阴影及圆角*/
	#rightDiv ::-webkit-scrollbar-thumb{
	border-radius: 7px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #81C7F2;
	}
	
	/*定义两端按钮的样式*/
	#rightDiv ::-webkit-scrollbar-button {
	background-color:cyan;
	display: none;
	}
	
	/*定义右下角汇合处的样式*/
	#rightDiv ::-webkit-scrollbar-corner {
	background:khaki;
	}
	</style>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		var showOrHide = true;

		$(function(){
			$("#rightDiv .cont").click(function(){
				window.open('http://www.baidu.com');
			});
			
			var arrowdown=setInterval(function(){
				toggle();
			},500);
		});
		
		function toggle(){
			if(showOrHide){
				$("#arrow-down").css("margin-top","5px")
				console.log(showOrHide);
				showOrHide = false;
			}else{
				console.log(showOrHide);
				$("#arrow-down").css("margin-top","0px")
				showOrHide = true;
			}
		}
	</script>
  </head>
  <body>
  	
    <div id="cont">
    	<div id="leftDiv">
    		<div id="title">扶植政策：</div>
    		<div id="content">
    			 <p>1、企业通过校园引才活动引进紧缺专业高校毕业生（专业须符合当年度《相城区重点发展产业紧缺人才开发目录》），与其签订一年以上正式劳动合同，并按规定缴纳社会保险费的，按全日制本科生、硕士生、博士生分别给予企业1000元/人、3000元/人、5000元/人的一次性奖励。</p>
    			 <p>2、符合条件的区内企业中新引进的世界知名或“双一流”建设高校（学科）全日制博士、硕士和本科应届毕业生，给予应届毕业生2至4万元奖励。其中，具有本科学历的每人资助2万元，硕士研究生学历的每人资助3万元，博士研究生学历的每人资助4万元。</p>
    			 <p>3、针对引进的具有全日制本科及以上学历（学位）的人才，符合相关条件的，成功申报“姑苏重点产业紧缺人才计划”、“阳澄湖紧缺专技人才计划‘企业技术人才’”的，可享受最高12万元的薪酬补贴。 </p>
    		</div>
    	</div>
    	<div id="rightDiv">
    		<div class="head">
    			<div class="td_logo"></div>
    			<div class="td_date">
    				<div class="td_date_text">招聘时间</div>
    			</div>
    			<div class="td_theme">
    				<div class="td_theme_text">招聘主题</div>
    			</div>
    		</div>
   			<div style="height: 415px;overflow: auto;overflow-x:hidden;width:615px; ">
   				<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div1">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="苏州科技大学空中招聘双选专场">苏州大学空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div2">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="苏州科技大学空中招聘双选专场">苏州科技大学空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div3">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="苏州市职业大学空中招聘双选专场">苏州市职业大学空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div4">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="苏州工业园区职业技术学院空中招聘双选专场">苏州工业园区职业技术学院空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div5">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="西安交通大学空中招聘双选专场">西安交通大学空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div6">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="武汉大学空中招聘双选专场">武汉大学空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div7">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text">3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="华南理工大学空中招聘双选专场">华南理工大学空中招聘双选专场</div>
	    			</div>
	    		</div>
	    		<div class="cont">
	    			<div class="td_logo">
	    				<div class="td_logo_div" id="td_logo_div8">
	    				</div>
	    			</div>
	    			<div class="td_date">
	    				<div class="td_date_text" >3月7日-3月14日</div>
	    			</div>
	    			<div class="td_theme">
	    				<div class="td_theme_text" title="上海财经大学空中招聘双选专场">上海财经大学空中招聘双选专场</div>
	    			</div>
	    		</div>
   			</div>
    	</div>
    </div>
  </body>
</html>
